Анализ и доработка сайта организации (на материалах Республиканского конструкторского унитарного предприятия "Головное специализированное конструкторское бюро по зерноуборочной и кормоуборочной технике")

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

Видимость сайта поисковыми системами.

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

- популярности поисковой системы;

- частоты запроса;

- позиции ссылки на сайт в результатах поиска.

2.4.1 Результаты анализа

Для сайта gskb-selmash.gomel.by получены следующие значения:

Заголовок.

Заголовком является - РКУП «ГСКБ по зерноуборочной и кормоуборочной технике».

Описание.

Описанием является - РКУП ГСКБ по зерноуборочной и кормоуборочной технике.

Ключевые слова.

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

Кодировка страницы/ сервера.

Кодировка страницы/ сервера - utf-8 (Unicode, worldwide).

IP-адрес сервера.

IP-адреса сервера - 82.209.213.62.

Имя сервера.

Сервер - Apache.

Адрес сервера.

Адресом сервера является - htelecom.gomel.by.

Страна расположения сервера.

Страной расположения сервера является Белоруссия.

Частота обновления страницы.

Последние обновление страницы было 22.05.2012 в 15.44.23.

Скорость загрузки сайта.

Скорость загрузки сайта составляет 0.58 секунды.

Размер страницы.

Размер страницы равен 6.78 кб.

Показатели: ТиЦ и PR.

Яндекс Тиц равен 20. Яндекс Ранг равен 2 из 6. Google PageRan равен 3 из 10.

Ориентировочная стоимость сайта.

Ориентировочная стоимость сайта составляет 59 долларов.

Для получения значения этих показателей были использованы инструменты специализированных сайтов: cy-rp.com, pr-cy.ru, seop.ru, webmasta.org, которые занимаются оценкой и выявляют недостатки в анализируемом сайте. Они представляют комплексный анализ сайта, позволяющий узнать все характеристики интересующего доменного имени. Всё, что необходимо сделать - это ввести в центральную форму название домена, и будет получен исчерпывающий ответ о нем. Будет известна дата регистрации и регистратор, статус домена, название, ключевые слова и описание сайта. Сервис анализа покажет наличие свободных доменных имен в других зонах, информацию о владельце(Whois), тИЦ и PR, наличие в Яндекс каталоге и DMOZ.org, скорость работы сайта и его видимость в поисковых системах, количество проиндексированных страниц в Яндекс, Google и других поисковиках. Станет известна география посетителей сайта, статистика посещаемости ресурса, количество внешних ссылок и упоминаний. Анализ сайта предоставит так же информацию о конкурентах, даст возможность проверить валидность HTML и CSS, увидеть кэш сайта и узнать его историю. Информация, полученная с помощью данных сервисов является исчерпывающей и не нуждается в дополнении. Благодаря данным сервисам можно проверить как свой сайт, так и сайт конкурента. Всё, что нужно сделать, это ввести URL сайта в центральную форму.

Из проведённого выше исследования сайта, можно сделать следующие выводы: тИЦ и PR сайта очень маленькие, что говорит о том, что данный ресурс не очень конкурентоспособен среди сайтов, с близкой к нему тематикой. Сайт имеет домен третьего уровня, что негативно сказывается на результатах его поиска поисковыми системами. У пользователей и клиентов домен третьего уровня так же, не вызовет доверия.

Контент

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

Эргономичность использования.

Содержание сайта организовано логически. Навигация на сайте на первый взгляд, не очень понятна, так как главная страница изобилует огромным количеством ссылок на другие подуровни, что делает навигацию по сайту не совсем удобной. Навигация на сайте даёт возможность его посетителю, при необходимости, вернутся на предыдущий уровень. На страницах сайта отсутствуют какие-либо подсказки, или объяснения для его пользователей. Сайт работает на таких популярных браузерах, как Opera, Mozilla Firefox, Internet Explorer.

Дизайн.

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

Функциональность сайта.

С точки зрения функциональности, данный сайт можно отнести к группе малофункциональных сайтов. Так как сайт направлен на продвижение своей продукции, пользователю важны быстрота и удобство поиска необходимой информации по сайту. В разделе “Сотрудничество” имеются ссылки на скачивание Excel файлов, в которых находятся списки с нереализованной продукцией, которую можно купить у предприятия. Это является очень неудобным, так как клиенту необходимо не только скачать весь список целиком, но ещё и найти в нем интересующий его товар. Страницы сайта не имеют перевода на другие языки, что затрудняет рекламу продукции сайта зарубежным клиентам, что сокращает круг покупателей.

Видимость сайта поисковыми системами.

Рисунок 2.1 - Поиск в системе yandex

Для проверки видимости сайта в поисковых системах было выбрано 3 самые популярные поисковые системы: Google, Rambler, Yandex. В их поле для ввода было вписано название предприятия РКУП «ГСКБ по зерноуборочной и кормоуборочной технике», и был осуществлён поиск по нажатию на кнопку “Поиск”. После чего, поисковые системы выдали на этот сайт ссылки, находящиеся в таблице 2.1. Для наглядности был представлен 2.1 рисунок с результатами поиска в поисковой системе Yandex.

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

Таблица 2.1 - Результаты поиска по ключевым запросам

Запрос	Поисковая система	Номер строки
РКУП «ГСКБ по зерноуборочной и кормоуборочной технике»	Yandex	1
РКУП «ГСКБ по зерноуборочной и кормоуборочной технике»	Rambler	1
РКУП «ГСКБ по зерноуборочной и кормоуборочной технике»	Google 1	1
Кормоуборочная техника	Yandex	3
Зерноуборочный комбайн	Yandex	9
Косилка - плющелка	Yandex	16
Свеклоуборочный комбайн	Yandex	16
Кормоуборочная техника	Google	1
Зерноуборочный комбайн	Google	43
Косилка - плющелка	Google	5
Свеклоуборочный комбайн	Google	14
Кормоуборочная техника	Rambler	2
Зерноуборочный комбайн	Rambler	10
Косилка - плющелка	Rambler	7
Свеклоуборочный комбайн	Rambler	12

Самые плохие показатели поиска оказались у поисковой системы google, у которой средний показатель поиска составил целых 18.5. Это означает, что в среднем, ссылка на необходимый сайт в этой поисковой системе находится на 18 - 19 строчках. Самый хороший показатель поиска оказался у поисковой системы rambler. Он равен 6.75. Это означает, что в среднем, ссылка на нужный сайт располагается в этой поисковой системе на 7 месте.

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

Задачи, которые в данный момент решает корпоративный сайт РКУП «ГСКБ по зерноуборочной и кормоуборочной технике»:

Формирование имиджа компании;

Привлечение новых клиентов и партнеров;

Продвижение товаров и услуг;

Прием и обработка заказов;

Обеспечение круглосуточного и географически независимого доступа к информации;

Оперативное донесение актуальной информации;

2.5 Обоснование выбора инструментов для совершенствования сайта

Для анализа и доработки сайта РКУП «ГСКБ по зерноуборочной и кормоуборочной технике» было возможно использование таких языков программирования, как PHP, или Java, а в качестве места для хранения информации, воспользоваться базами данных, однако предпочтение было отдано JavaScript и файлам XML.

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

Рисунок 2.2 - Размер исходного файла в формате Excel

Рисунок 2.3 - Размер исходного файла в формате XML

Рисунок 2.4 - Размер исходного файла в формате dmb

Если говорить о сравнении языков: JavaScript, Java и PHP, то нельзя говорить, какой язык из них лучше, а какой хуже. Всё зависит от того, какую задачу необходимо выполнить. К примеру, на PHP нельзя распечатать страницу в отличии от JavaScript, зато с помощью PHP можно вскрывать ZIP и RAR, чего нельзя делать на JavaScript. Всё зависит от того, для каких целей и какие задачи необходимо решить.

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

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

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

Перечислим достоинства JavaScript:

JavaScript очень легко реализовать. Необходимо только поместить код в документ HTML и сообщить браузеру, что это JavaScript.

JavaScript работает на компьютерах пользователей web - даже когда они не в сети!

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

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

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

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

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

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

Поле поиска может предлагать на выбор какие-то варианты, пока происходит ввод, на основе того, что уже было введено (например, ввод «bi» может вызвать на выбор варианты слов, содержащих эту строку, такие как «bird», «big» и «bicycle»). Такая модель использования называется автозаполнением.

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

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

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

JavaScript может улучшать интерфейсы, которые предоставляет HTML. Хотя иметь текстовое поле ввода и удобно, но еще лучше иметь поле ввода, позволяющее выбрать из списка предварительно заданных значений или ввести свое собственное. Используя JavaScript можно соответственно усовершенствовать обычное поле ввода.

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

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

Регулярные выражения в JavaScript.

Регулярные выражения представляют собой образцы для поиска заданных комбинаций символов в текстовых строках (такой поиск называется сопоставлением с образцом). Существует два способа присваивания переменным регулярных выражений, а именно:
Использование инициализатора объекта: var re = /pattern/switch?.
Использование конструктора RegExp: var re = new RegExp(«pattern»[,»switch»]?).
Здесь pattern - регулярное выражение, а switch - необязательные опции поиска.

Инициализаторы объекта, например, var re = /ab+c/, следует применять в тех случаях, когда значение регулярного выражения остается неизменным во время работы сценария. Такие регулярные выражения компилируются в процессе загрузки сценария и, следовательно, выполняются быстрее.

Вызов конструктора, например, var re = new RegExp(«ab+c»), следует применять в тех случаях, когда значение переменной будет меняться. Если вы собираетесь использовать регулярное выражение несколько раз, то имеет смысл скомпилировать его методом compile для более эффективного поиска образцов.

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

var re = /\w+/g;

var re = new RegExp(«\\w+», «g»);

// В строке «\» должно заменяться на «\\»

Примечание: регулярное выражение не может быть пустым: два символа // подряд задают начало комментария. Поэтому для задания пустого регулярного выражения используйте выражение /.?/.

Регулярные выражения используются методами exec и test объекта RegExp и методами match, replace, search и split объекта String. Если нам нужно просто проверить, содержит ли данная строка подстроку, соответствующую образцу, то используются методы test или search. Если же нам необходимо извлечь подстроку (или подстроки), соответствующие образцу, то нам придется воспользоваться методами exec или match. Метод replace обеспечивает поиск заданной подстроки и замены ее на другую строку, а метод split позволяет разбить строку на несколько подстрок, основываясь на регулярном выражении или обычной текстовой строке. Более подробные сведения о применении регулярных выражений приведены в описании соответствующих методов.

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

Каскадные таблицы и стили CSS

СSS (англ. Cascading Style Sheets -- каскадные таблицы стилей) -- формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.

Цель создания CSS

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

Способы подключения CSS к документу

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

когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега <link>, располагающегося в этом документе между тегами <head> и </head>. (Тег <link> будет иметь атрибут href, имеющий значением адрес этой таблицы стилей). Все правила этой таблицы действуют на протяжении всего документа;

когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством директивы @import, располагающейся в этом документе между тегами <style> и </style> (которые, в свою очередь, располагаются в этом документе между тегами <head> и </head>) сразу после тега <style>, которая также указывает (в своих скобках, после слова url) на адрес этой таблицы стилей. Все правила этой таблицы действуют на протяжении всего документа;

когда таблица стилей описана в самом документе, она может располагаться в нём между тегами <style> и </style> (которые, в свою очередь, располагаются в этом документе между тегами <head> и </head>). Все правила этой таблицы действуют на протяжении всего документа;

когда таблица стилей описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. Все правила этой таблицы действуют только на содержимое этого тега.

В данной дипломной работе XML использовался для создания файлов с информацией, хранящейся в удобном виде с дальнейшим их использованием в запросах.

XML

XML (eXtensible Markup Language, или расширяемый язык разметки) -- это язык описания документов, во многом похожий на язык разметки гипертекста HTML, но гораздо более универсальный, чем HTM.

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

Целью создания XML было обеспечение совместимости при передаче структурированных данных между разными системами обработки информации, особенно при передаче таких данных через Интернет. Словари, основанные на XML (например, RDF, RSS, MathML, XHTML, SVG), сами по себе формально описаны, что позволяет программно изменять и проверять документы на основе этих словарей, не зная их семантики, то есть не зная смыслового значения элементов. Важной особенностью XML также является применение так называемых пространств имён (англ. namespace).

Достоинства XML

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

XML поддерживает Юникод;

в формате XML могут быть описаны такие структуры данных как записи, списки и деревья;

XML -- это самодокументируемый формат, который описывает структуру и имена полей так же как и значения полей;

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

XML -- формат, основанный на международных стандартах;

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

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

XML не зависит от платформы;

XML является подмножеством SGML (который используется с 1986 года). Уже накоплен большой опыт работы с языком и созданы специализированные приложения;

XML не накладывает требований на расположение символов в строке;

XML имеет реализации парсеров для всех современных языков программирования;

XML поддерживается на низком аппаратном, микропрограммном и программном уровнях в современных аппаратных решениях.

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

Синтаксис XML избыточен.

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

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

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

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

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

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

Во второй главе были рассмотрены такие вопросы, как:

Характеристика имеющегося сайта, расположенного по адресу - gskb-selmash.gomel.by.

Было описано, что из себя представляет корпоротивный сайт и какие задачи он выполняет.

Были описаны важнейшие критерии по которым можно осуществлять оценку сайта.

Был проведён анализ сайта gskb-selmash.gomel.by и получены результаты.

Были выбраны инструменты для совершенствования сайта с обоснованием их выбора.

3. ОПИСАНИЕ РЕАЛИЗАЦИИ ПОСТАВЛЕННОЙ ЗАДАЧИ

3.1 Реализация проекта

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

Создание макроса в Microsoft Excel для устранения ненужных строк и столбцов.

Для создания макроса, была открыта таблица “перечень комплектующих”. На панели инструментов была выбрана вкладка: «Сервис»/ «Макрос»/ «Начать запись». Данное действие проиллюстрировано на рисунке 3.1.

Рисунок 3.1 - Запись нового макроса

После нажатия на кнопку “начать запись”, появиться окно создания макроса, изображенное на рисунке 3.2.

Рисунок 3.2 - Окно создания макроса

Здесь необходимо заполнить поля “имя макроса” и “сочетание клавиш”. Имя макроса - это имя, как он будет называться в списке созданных макросов. Сочетание клавиш - это нажатие тех клавиш, после которых будет выполнено действие, записанное в макросе. Мною данные поля были заполнены так, как представлено на рисунке 20.

Рисунок 3.3 - Заполнение полей макроса

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

Рисунок 3.4 - Остановка записи макроса

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

Изменение формата Microsoft Excel файла на формат xml.

Для реализации проекта было необходимо существующие файлы в фомате Microsoft Excel изменить на формат xml. Для этого были взяты уже отредактированные Microsoft Excel таблицы с макросами и сохранённые в формате xml. Для этого необходимо открыть нужную таблицу Microsoft Excel и на панели инструментов выбрать вкладку «Файл»/ «Сохранить как». Появиться окно сохранения, показанное на рисунке 3.5.

Рисунок 3.5 - Окно сохранения

Далее, необходимо указать тип файла, в котором необходимо сохранить данный документ. Для этого, необходимо выбрать из раскрывающегося списка тип файла - «Таблица xml» и указать путь, куда она будет сохранена, рисунок 3.6.

Рисунок 3.6 - сохранение xml документа.

Для удобства реализации проекта, три xml файла получили имена: spares.xml, remains1.xml и remains2.xml.

XML файлы имеют следующий вид, представленный на рисунке 3.7.

Рисунок 3.7 - Вид XML файла

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

На сайте были созданы дополнительные три страницы с соответствующими названиями: spares.html, remains1.html и remains2.html, имеющие аналогичный вид, представленный на рисунке 3.8.

Рисунок 3.8 - Вид страниц: spares, remains1 и remains2

Все эти страницы были сделаны путём взятия за исходный шаблон раздела “Сотрудничество” и удаления из неё всего лишнего, рисунок 3.9.

Рисунок 3.9 - Начальная страница “Сотрудничество”

На каждой из страниц было добавлено поле для ввода и кнопка “найти”, рисунок 3.10.

Рисунок 3.10 - поле ввода с кнопкой “найти”

Код поля ввода представлен на рисунке 3.11.

Рисунок 3.11 - код поля ввода

Код кнопки “найти” представлен на рисунке 3.12.



Рисунок 3.12 - код кнопки “найти”

При нажатии на кнопку «Найти» выполняется следующий javascript код:

скрыть кнопку печать, рисунок 3.13.

Рисунок 3.13 - код скрытия кнопки “распечатать”

скрыть таблицу с результатами, рисунок 3.14.

Рисунок 3.13 - код скрытия таблицы с результатами

очистить результаты предыдущего поиска из таблицы, рисунок 3.14

Рисунок 3.13 - код очистки таблицы от результатов предыдущего запроса

регулярное выражение для запрещенных символов для поиска, рисунок 3.14

Рисунок 3.14 - задание регулярных выражений для условий поиска

Данное регулярное выражение ограничивает параметры поиска по таким символам, как: . + ? ] [ ^ $ *

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

Рисунок 3.15 - код проверки на наличии регулярных выражений

если найдено совпадение по названию, то добавить результат в таблицу, рисунок 3.16.

Рисунок 3.16 - занесение найденных результатов в таблицу

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

Рисунок 3.16 - отображение таблицы с результатами и кнопки “распечатать”

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

Рисунок 3.17- содержимое xml файла

В тегах <Data> хранится информация о комплектующих - номер, название, единица измерения, количество.

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

Рисунок 3.18- код запроса на сервер

Данный запрос имеет следующие параметры:

«POST» - метод отправки запроса.

dataUrl - адрес xml файла с данными.

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

Переменная dataUrl устанавливается на каждой html странице своя для поиска комплектующих. Например, для поиска комплектующих в xml файле, имеющим название ostatki, dataUrl будет иметь вид, представленный на рисунке 3.19.

Рисунок 3.19 - вид dataUrl для xml файла ostatki

После получения ответа от сервера в xml виде, происходит обработка полученных данных, рисунок 3.20.

Рисунок 3.20 - обработка полученных данных

В обработку данных входит:

Получение массива элементов с тегом Row, рисунок 3.21.

Рисунок 3.21 - получение элементов с тегом Row

Переход к тегу Data, содержащему номер, рисунок 3.22

Рисунок 3.22 - переход к тегу Data

Переход к тегу Data содержащему: название, единицу измерения, количество, рисунок 3.23

Рисунок 3.23 - переход к тегу Data, содержащему: название, единицу измерения, количество

После этого, происходит присвоение значений каждому из элементов массива, рисунок 3.24.



Рисунок 3.24 - присвоение значений каждому из элементов массива

Затем проверяется условие, имеется ли нужный элемент в массиве, рисунок 3.25

Рисунок 3.25 - проверка условия на наличие нужного элемента в массиве

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

Рисунок 3.26- проверка наличия найденных элементов в массиве

Далее, происходит добавление в массив объекта, содержащего всю информацию о комплектующем, рисунок 3.27.

Рисунок 3.27 - добавление в массив объекта, содержащего всю информацию о комплектующем

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

Рисунок 3.28 - кнопка вывода на печать

Код кнопки “Распечатать” представлен на рисунке 3.29.

Рисунок 3.29 - код кнопки “Распечатать”

Данная кнопка появляется только после нажатия на кнопку “Найти” и если заданным параметрам поиска удовлетворило, хоть одно единственное значение. Если поле ввода пустое, или в нём содержится значение, которого нету в файле xml, кнопка “Распечатать” не появляется. Для удобства поиска, было добавлено свойство поиска объектов по ключевым параметрам. Например, объект, содержащий в себе знак “/”. Результатом поиска будут все объекты, имеющие в себе знак “/”, рисунок 3.30.

Рисунок 3.30 - Результаты поиска “/”

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

Код вывода страницы на печать представлен на рисунке 3.

Рисунок 3.31- код вывода страницы на печать

3.2 Описание функционирования проекта

Страница “Сотрудничество” имеет следующий вид, представленный на рисунке 3.31.

Рисунок 3.31- Внешний вид страницы “Сотрудничество”

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

Рисунок 3.32 - Ссылки на перечни с материалом

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

Рисунок 3.33- Вид страницы

На странице расположено окно с полем ввода и кнопкой “найти”, рисунок 3.34.

Рисунок 3.34 - Поле ввода с кнопкой “найти”

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

Рисунок 3.35 - Ввод слова в поле ввода

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

Рисунок 3.36 - Кнопка вывода на печать

После нажатия на кнопку “печать”, появится окно, изображенное на рисунке 3.37.



Рисунок 3.37 - Окно вывода на печать.

Здесь можно указать имя принтера в раскрывающемся списке, рисунок 3.38.

Рисунок 3.38 - Имя принтера.

Задать свойства печати, нажав на кнопку “свойства”, рисунок 3.39.

Рисунок 3.39 - Свойства печати

Здесь можно задать размеры страницы, а так же, её ориентацию. В нашем случае, стоит “книжная”.

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

Рисунок 3.40 - Диапазон печати страницы

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

Рисунок 3.41- Число копий для печати.

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

3.3 Предложения по совершенствованию сайта

сайт макрос таблица

Проблемой на данном сайте является плохая его адаптация под ключевые слова.

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

wordstat.yandex.ru - подбор ключевых слов в Yandex.

adstat.rambler.ru/wrds/ - подбор ключевых слов Rambler.

adwords.google.ru/select/KeywordToolExternal -подбор ключевых слов в Google.

Для примера, проведём подборку ключевых слов на сайт РКУП «ГСКБ по зерноуборочной и кормоуборочной технике» для поисковой системы Yandex. Для этого воспользуемся предложенным данной системой, сервисом - wordstat.yandex.ru.

Введём в сервис ключевые слова: сельскохозяйственная техника, кормоуборочный комбайн, разработка комбайнов, конструкторское бюро, рисунок 3.42, 3.43, 3.44, 3.35.

Рисунок 3.42 - Результат

ы поиска по ключевому слову «сельскохозяйственная техника»

Из рисунка видно, что в месяц количество запросов от пользователей по ключевому слову «сельскохозяйственная техника» составили 14062. Так же, из рисунка можно видеть, что со словом «сельскохозяйственн» пользователи искали слово «комбайн». Количество запросов в месяц составило 194904.

Рисунок 3.43 - Результаты поиска по ключевому слову «сельскохозяйственная техника»

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

Рисунок 3.44 - Результаты поиска по ключевому слову «купить комбайн»

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

Рисунок 3.44 - Результаты поиска по ключевому слову «конструкторское бюро»

Из рисунка видно, что количество запросов от пользователей в месяц по ключевому слову «конструкторское бюро» составило 12970. Так же, из рисунка можно видеть, что со словом «конструкторское бюро» пользователи искали слово «кб». Количество запросов в месяц составило 101303.

Из проведённого анализа можно сделать вывод, что адаптирование сайта РКУП «ГСКБ по зерноуборочной и кормоуборочной технике» значительно повысит его тИЦ в поисковой системе Yandex, а следовательно, поможет привлечь большее число клиентов.

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

3.5 Экономическая эффективность проекта

Внедряя данную технологию на сайт РКУП «ГСКБ по зерноуборочной и кормоуборочной технике» предприятие экономит на фонде заработной платы работников, так как нет необходимости нанимать более квалифицированный персонал с более высокой заработной платой для обслуживания данной системы. Однако, при создании данной системы, было израсходовано 19 машинных часов рабочего времени. Потребление электроэнергии ноутбуком, на котором создавалась система за один час работы, составляет 47 Вт/ч. Общее количество потребленной электроэнергии ноутбуком составит: 47 Вт/ч * 19 ч = 893 Вт/ч. + свет в помещении 107 Вт/ ч. Получается, что всего было израсходовано на создание проекта 1 кВт. Стоимость 1 кВт электроэнергии в городе Гомеле на 23.05.2012 года составляет 238.5 белорусских рубля. Стоимость всего проекта составила - 238.5 белорусских рубля. Это значительно дешевле, нежели заказывать аналогичную разработку у других специалистов. Приблизительная стоимость работы web-программиста самого низкого ранга в организации «ЕПАМ» в месяц составляет 300 у.е. Это в переводе на белорусские рубли равняется: 8245 (курс 1 доллара) * 300 = 2473500. Пусть данный рабочий затратил минимальное количество времени на создание данного проекта, равное 1 час. Заработная плата рабочего за 1 чаc: 2473500 бел. Руб. / 176 ч. (8 часовой рабочий день * 22 рабочих дня) = 14054 бел. руб.

Таким образом, получается, что организация экономит на данном проекте минимум: 14054 - 238.5 = 13815.5 бел. руб.

Если же, проект разрабатывался своими силами организации, то на его реализацию потребовался бы 1 рабочий. Средняя заработная плата одного рабочего РКУП «ГСКБ по зерноуборочной и кормоуборочной технике» составляет 2605000 бел.руб.

Рассчитаем годовую экономия фонда заработной платы от внедрения проекта. Она определяется по формуле, представленной на рисунке 3.45:

ФЗП = n * з

Рисунок 3.45 - экономия фонда ЗП

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

ЗП = 1 * 2605000 = 2605000 тыс. бел.р.

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

В данной главе были рассмотрены:

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

Были предложены варианты по усовершенствованию сайта организации РКУП «ГСКБ по зерноуборочной и кормоуборочной технике».

Была рассчитана экономическая эффективность проекта.

ЗАКЛЮЧЕНИЕ

Целью данной дипломной работы был анализ и доработка существующего сайта организации РКУП «ГСКБ по зерноуборочной и кормоуборочной технике».

В ходе исследования был решён целый ряд вопросов:

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

Был произведён анализ существующего сайта http://www.gskb-selmash.gomel.by, выявлены недостатки.

Были выбраны и обоснованы инструменты по доработке сайта http://www.gskb-selmash.gomel.by.

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

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

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

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Полный справочник по HTML, CSS и JavaScript. Под ред. Лазаро Исси Коэн, Джозеф Исси Коэн, Переводчик А. Ливадный. Издательство ЭКОМ Паблишерз, 2007 г.

JavaScript. Народные советы. Владимир Дронов. Издательство БХВ-Петербург, 2012 г.

3.Самоучитель JavaScript. В. Дунаев. 2008 г.

Программирование Web-страниц. JavaScript. С. В. Глушаков, И. А. Жакин, Т. С. Хачиров. Издательство Фолио. 2005 год.

JavaScript. Подробное руководство. Дэвид Макфарланд. Переводчик Ф. Елистратов. Издательство Эксмо. 2009 г.

Самоучитель по созданию Web-страниц: HTML, JavaScript и Dynamic HTML. Гаевский, А. Ю., Романовский, В. А.- К.: А.С.К., 2002. - 472 с.

Основы web-мастерства. Учебный курс. Холмогоров, В. - СПб. Питер, 2001. - 352 с.

HTML, XHTML и CSS. Библия пользователя. Стивен Шафер. Переводчик А. Сергеев. Издательство Диалектика, Вильямс. 2011 г.

Основы веб-программирования с использованием HTML, XHTML и CSS. Джон Дакетт. Издательство: Эксмо. 2010.

HTML. Гай Харт-Дэвис. Переводчик И. Надеждин. Издательство НТ Пресс. 2005 г.

CSS. Рецепты программирования. Кристофер Шмитт. Издательство: Русская Редакция, БХВ-Петербург. 2011.

HTML и CSS. Совместное использование. Вирджиния ДеБольт. Переводчик И. Елов. Издательство: НТ Пресс. 2006 г.

Корпоративный веб-сайт на 100%. Требуйте от сайта большего!

Роман Овчинников, Сергей Сухов. Издательство: Питер. 2009 г.

Основные требования, предъявляемые к корпоративному сайту [Электронный ресурс] - Режим доступа http://www.base4web.ru/korporativnye-internet-sajjty.html. Дата доступа 27.05.2012.

Задачи, решаемые корпоративным сайтом [Электронный ресурс] - Режим доступа http://1webcent.ru/korporativnyj-sajt-vidy-reshaemye-celi-i-zadachi/. Дата доступа 27.05.2012.

Задачи корпоративного сайта [Электронный ресурс] - Режим доступа http://www.isbiz-agency.ru/useful/articles/corporative_site.php. Дата доступа 27.05.2012.

Регулярные выражения в JavaScript [Электронный ресурс] - Режим доступа http://htmlweb.ru/java/regexp.php/. Дата доступа 16.05.2012.

Экономика малого предприятия, Глухов В.В., изд-во Специальная литература, 1997 г.

19.Анализ хозяйственной деятельности в промышленности » Под ред. В.И. Стражева Минск, изд-во «Высшая школа», 1995 г.

Размещено на Allbest.ru