ПЗ (1218671), страница 4

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

Текст из файла (страница 4)

Рисунок 3 – Диаграмма вариантов использования

Структура динамического сайта для ООО «Перспектива» представлена на рисунке 4.

Рисунок 4 – Структура динамического сайта для ООО «Перспектива»

2.3 Разработка интерфейса

Титульная страница (главная) любого сайта должна максимально информативно и в сжатом объёме отображать необходимую пользователю информацию. На главной странице необходимо поместить логотип компании, основное меню сайта (для навигации по его структуре), форму аутентификации (входа зарегистрированных пользователей), регистрационную ссылку (регистрация новых клиентов), ленту новостей. Главная страница представлена на рисунке 5.

Рисунок 5 – Главная страница сайта ООО «Перспектива»

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

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

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

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

Интерфейс пользователя – элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением. В том числе:

– средства отображения информации, отображаемая информация, форматы и коды;

– командные режимы, язык пользователь-интерфейс;

– устройства и технологии ввода данных;

– диалоги, взаимодействие и транзакции между пользователем и компьютером;

– обратная связь с пользователем;

– поддержка принятия решений в конкретной предметной области;

– порядок использования программы и документация на нее [21].

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

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

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

Чем проще выполнена верхняя часть страницы, тем легче запомнить название сайта и саму фирму [22].

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

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

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

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

– «Новинки» (товары, недавно поступившие в продажу);

– «Специальные предложения» (товары, на которые по каким-либо причинам снижены цены);

– «Лидеры продаж» (наиболее покупаемые товары).

6. На web-сайте обязательно должны быть информационные разделы:

– с данными о компании (сфера деятельности, адрес, контактные телефоны и т.д.), именно поэтому на разрабатываемом сайте контактная информация представлена как на главной странице, так и при клике на кнопку «О компании». Пользователю это удобно тем, что ему не надо ждать пока загрузится новая страница с этой информацией, всё это можно увидеть в сплывающем окне. Реализация данного пункта представлена на рисунке 6.

Рисунок 6 – Всплывающее окно с контактными данными о компании

– с информацией по доставке товара;

– с информацией по скидкам;

– статьи (системы управления новостями и статьями предоставляют возможность использовать web-сайт как настоящий информационный портал);

– прочая полезная информация.

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

Рисунок 7 – Регистрация пользователя на сайте

8. Увеличению посещаемости web-caйта и количества постоянных посетителей способствует также наличие обратной связи администратора с клиентами. Важно, чтобы администраторы как можно быстрее и максимально полно отвечали на письма. Поэтому на данном сайте реализована функция «вызова на замер» сотрудника. Пользователю необходимо кликнуть на кнопку «Бесплатный замер» и сотрудник фирмы свяжется с ним в течении 2 часов. Реализация данного пункта представлена на рисунке 8.

Рисунок 8 ­– Интерфейс страницы «Бесплатный замер»

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

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

Рисунок 9 – Галерея работ фирмы ООО «Перспектива»

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

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

Рисунок 10 – Форма расчёта натяжного потолка

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

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

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

2.4 Разработка базы данных

Работа по внедрению базы данных в какой-либо ресурс начинается с выбора системы управления базами данных (СУБД). Самой популярной и распространенной СУБД является MySQL. Она не предназначена для работы с большими объёмами информации, но её применение идеально для интернет-сайтов, как небольших, так и достаточно крупных [24].

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

Таблица 1 – Структура таблицы «Регистрация пользователя»

Имя поля	Тип данных	Назначение поля
ID пользователя	Int	Внешний ключ таблицы
Ф.И.О	char	Имя, фамилия, отество пользователя
E-mail	char	Электронная почта пользователя
Телефон	char	Контактный телефон пользователя
Пароль	int	Пароль для входа

Таблица 2 – Структура таблицы «Вызов сотрудника»

Имя поля	Тип данных	Назначение поля
ID заказа	Int	Внешний ключ таблицы
Адрес	char	Адрес, по которому выезжает сотрудник компании на замер
ID пользователя	Int
Дата	date	Дата вызова сотрудника

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

Таблица 3 – Структура таблицы «Отзыв»

Имя поля	Тип данных	Назначение поля
ID отзыва	Int	Внешний ключ таблицы
Отзыв	text	Текст отзыва
ID пользователя	int
Дата	date	Дата написания отзыва

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

Характеристики

Список файлов ВКР